body {
  padding: 20px;
}
.layui-card-body {
  width: 500px;
  padding: 10px 15px;
  .cropper-box {
    float: left;
    height: 350px;
    width: 350px;
    overflow: hidden;
    border: 1px solid #000;
    box-sizing: border-box;
    #image {
      height: 100%;
      vertical-align: middle;
    }
  }
  .preview-box {
    float: left;
    width: 150px;
    height: 350px;
    .img-preview {
      margin: 0 auto;
      border-radius: 50%;
      background-color: #000;
      overflow: hidden;
    }
    .w100 {
      height: 100px;
      width: 100px;
    }
    .w50 {
      height: 50px;
      width: 50px;
      margin-top: 50px;
    }
    .size {
      text-align: center;
      font-size: 12px;
      color: grey;
    }
  }
  .row2 {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
  }
}
